.wrap1{
	.top{
		width: 100%;
		height: 60px;
		line-height: 60px;
		background-image: linear-gradient(to right, #134097, #4dbaf0 );
		.left{
			img{
				width: 34px;
			}
			font-size: 24px;
			color: #fff;
		}
		.right{
			a{
				font-size: 16px;
				color: #fff;
				font-weight: bold;
				img{
					margin-left: 20px;
					vertical-align: -1px;
				}
			}			
		}
	}
	.nav{
		width: 100%;
		height: 45px;
		background: #ebf4fa;
		line-height: 45px;
		color: #333333;
		font-size: 16px;
		a{
			margin-left: 15px;
			padding: 0 10px;
			position: relative;
			&.on{
				color: #144198;
				&::before{
					content: '';
					left: 0;
					right: 0;
					height: 43px;
					position: absolute;
					border-bottom: 2px solid #144198;
				}				
			}
			&:hover{
				color: #144198;
				&::before{
					content: '';
					left: 0;
					right: 0;
					height: 43px;
					position: absolute;
					border-bottom: 2px solid #144198;
				}	
			}
		}
	}
	.main{
		padding-top: 20px;
		.box1{
			ul{
				li{
					float: left;
					width: 234px;
					height: 208px;
					box-sizing: border-box;
					color: #fff;
					font-size: 16px;
					margin-right: 21px;
					.lis{						
						height: 98px;
						border-radius: 10px;
						padding: 22px 35px;
						box-sizing: border-box;
					}
					.lis1{
						background: url(../img/bj1.png) no-repeat center;
						background-size: 100% 100%;
					}
					.lis2{
						margin-top: 13px;
						background: url(../img/bj2.png) no-repeat center;
						background-size: 100% 100%;
					}
					.lis3{
						background: url(../img/bj3.png) no-repeat center;
						background-size: 100% 100%;
					}
					.lis4{	
						margin-top: 13px;
						background: url(../img/bj4.png) no-repeat center;
						background-size: 100% 100%;
					}
					.bar{
						float: left;
						width: 51px;
						height: 54px;
						box-sizing: border-box;
						padding-top: 35px;
						padding-left: 10px;
						font-size: 12px;
						font-weight: bold;
						margin-right: 35px;
						background: url(../img/oil.png) no-repeat center;
						background-size: 100%;
					}
					.bar1{
						color: #ec695e;
					}
					.bar2{
						color: #3fd9c8;
					}
					.bar3{
						color: #a31da9;
					}
					.bar4{
						color: #896df7;
					}
					.data{
						float: left;
						text-align: center;
						font-size: 20px;
						color: #fff;
						font-weight: bold;
						line-height: 32px;
					}
					&:nth-child(3){
						background: #2f7bc2;
						padding: 25px 15px;
						border-radius: 10px;
						p{
							margin-top: 25px;
							&:first-of-type{
								margin-top: 0;
							}
						}
					}
					&:nth-child(4){
						background: #2f7bc2;
						padding: 25px 15px;
						margin-right:0;
						border-radius: 10px;
						p{
							margin-top: 25px;
							&:first-of-type{
								margin-top: 0;
							}
						}
					}
				}
			}
		}
		.box2{
			margin-top: 18px;
			border-top: 4px solid #005bac;
			border-radius: 10px;
			padding: 30px 22px;
			box-shadow: 0 0 20px 10px #f5f5f5;
			.search{
				p{
					float: left;
					font-size: 16px;
					color: #333333;
					input{
						width: 125px;
						height: 22px;
						border: 1px solid #dddddd;
						border-radius: 5px;
						margin:0 8px 0 5px;
						box-sizing: border-box;
						text-indent: 0.5em;
					}
					button{
						width: 64px;
						height: 24px;
						color: #fff;
						font-size: 16px;
						background: #2f7bc2;
						border: none;
						outline: none;
						border-radius: 5px;
						margin-left: 8px;
					}
				}
			}
			.table{				
				padding-bottom: 50px;
				margin-top: 25px;
				border-radius: 0 0 10px 10px;
				.head{
					height: 50px;
					background: #2f7bc2;
					border-radius: 10px 10px 0 0;
					line-height: 50px;
					color: #fff;
					font-size: 14px;
					span{
						display: inline-block;
						min-width: 90px;
						text-align: center;
					}
				}
				.content{						
					p{
						height: 50px;
						line-height: 50px;
						color: #333;
						font-size: 14px;
						cursor: pointer;
						&:hover{
							background: #ebf4fa;
						}
						&:nth-child(even){
							background: #ebf4fa;
						}
						span{
							display: inline-block;
							min-width: 90px;
							text-align: center;
							&:first-child{
								font-weight: bold;
							}							
						}
					}
					
				}
				.w1{
					width: 104px;
				}
				.w2{
					width: 114px;
				}
				.w3{
					width: 100px;
				}
				.w4{
					width: 116px;
				}
			}
		}
	}
}